<template>
  <div class="infolist">
    <ul class="list">
      <li v-for="(item, index) in 6" :key="index">
        <div class="img"><img src="http://placehold.it/311x198/0C5DA9/ffffff" alt="" /></div>
        <div class="t">恭喜泊天健康广东茂名体验店开业！</div>
        <div class="b">2021-4-10</div>
      </li>
    </ul>
    <div class="more">查看更多</div>
  </div>
</template>

<script>
// 此行导入其他文件（如组件，工具js，第三方插件js，json文件，图片文件等）
export default {
  name: "InfoList",
  props: {},
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
};
</script>

<style scoped>
/* @import url(); 引入公共css类 */
.infolist {
  margin: 0.2rem 0.35rem 0;
}
.infolist .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.infolist .list li {
  width: 3.11rem;
  height: 2.8rem;
  margin-bottom: 0.47rem;
  box-shadow: 0 0 0.28rem rgb(240, 240, 240);
}
.infolist .list li img {
  width: 3.11rem;
}
.infolist .list .t {
  font-size: 0.14rem;
  margin: 0.11rem 0.25rem 0.26rem 0.16rem;
  /* outline: 1px solid red; */
}
.infolist .list .b {
  font-size: 0.12rem;
  float: right;
  color: #A2A3A6;
  margin-right: 0.16rem;
}
.infolist .more {
  width: 2.06rem;
  height: 0.62rem;
  line-height: 0.62rem;
  text-align: center;
  color: #0C5DA9;
  font-weight: bold;
  border: 0.02rem solid #0C5DA9;
  border-radius: 0.31rem;
  margin: 0 auto 0.36rem;
}
</style>
